<template>
  <div id="healthInformationDetails" class="person-detail">
    <div>
      <van-nav-bar title="健康咨询详情" :fixed="true" left-arrow @click-left="back" />
    </div>
    <div class="healthInformationDetails-body">
      <!-- <div>
               {{datas.subject}}
           </div>
           <div>
               <p>发布时间:{{datas.creationDate}}</p>
               <p>{{datas.doctorName}}&nbsp;&nbsp;{{datas.departmentName}}</p>
           </div>
           <div>
               <van-image :src="datas.headImage"/>
           </div> -->
      <div style="word-break:break-all" v-html="datas.content"></div>
    </div>
  </div>
</template>
<script>
  import mine from '../../../../controller/mine'
  export default {
    name: 'healthInformationDetails',
    components: {},
    data() {
      return {
        datas: ''
      }
    },
    computed: {},
    created() {},
    mounted() {
      this.getInfo()
    },
    methods: {
      getInfo() {
        let id = this.$route.query.id
        mine.healthInfo_v1_get(id).then(res => {
          if (res.code == '0') {
            this.datas = res.datas
          } else {
            this.$toast(res.msg)
          }
        })
      },
      back() {
        this.$router.go(-1)
      },
    }
  }
</script>
<style lang="scss" scoped>
  #healthInformationDetails {
    p {
      margin: 5px 0;
    }

    background: #fff;

    .healthInformationDetails-body {
      padding: 20px;

      >div:nth-child(1) {
        font-size: 20px;
        font-weight: 500;
      }

      >div:nth-child(2) {
        font-size: 14px;
        font-weight: 400;
        display: flex;

        >p:nth-child(2) {
          margin-left: 20px;
        }
      }

      >div:nth-child(3) {
        .van-image {
          padding: 10px;
          width: 95%;
          height: 200px;
        }
      }

      >div:nth-child(4) {
        font-size: 14px;
        font-weight: 400;
      }
    }
  }
</style>